<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <title>Bootstrap 101 Template</title>
    <link rel="stylesheet" href="./dist/css/bootstrap.min.css">
  
    <style>
        列组合：列不能超过12个， 
        列偏移：列偏移offset
        列排序：向前push 先后pull
        列嵌套：

        常用样式
            标题：h1-h6个标签  副标签small
            段落：.lead强调变大  small字体变小   b加粗

        强调：六个颜色 text-color

        对齐：text- 四个属性 left center right justify

        列表：
    </style>
   
  </head>
  <body>
      <!-- 固定 两边留白 -->
    <div class="container">

        <!-- 行元素 -->
        <div class="row">

            <!-- 列元素 有大小 -->
            <div class="col-md-4" style="background-color: rgb(204, 46, 120);">4</div>
            <div class="col-md-8" style="background-color: rgb(212, 23, 23);">8</div>
            
        </div>
    </div>
   
  </body>
</html>